<footer>
    <div class="main-footer">
        <div class="container">
            <div class="row footrow">
                <div class="col-md-3">
                    <div class="widget catebox">
                        <h4 class="title">分类目录</h4>
                        <div class="box category clearfix">
                            {volist name="type" id="vo"}
                            <li class="cat-item cat-item-4"><a href="{:url('index',array('type'=>$vo.id))}">{$vo.name}</a></li>
                            {/volist}
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="widget tagbox">
                        <h4 class="title">文章标签</h4>
                        <div class="box tags clearfix">
                            <ul class="post_tags">
                                <li><a href="https://huhao.me/tag/mysql" title="mysql Tag" class="mysql">mysql (3)</a></li>
                                <li><a href="https://huhao.me/tag/liunx" title="Liunx Tag" class="liunx">Liunx (2)</a></li>
                                <li><a href="https://huhao.me/tag/layer" title="layer Tag" class="layer">layer (1)</a></li>
                                <li><a href="https://huhao.me/tag/dos%e6%bc%8f%e6%b4%9e" title="DOS漏洞 Tag" class="dos%e6%bc%8f%e6%b4%9e">DOS漏洞 (1)</a></li>
                                <li><a href="https://huhao.me/tag/wordpress" title="WordPress Tag" class="wordpress">WordPress (1)</a></li>
                                <li><a href="https://huhao.me/tag/sql" title="sql Tag" class="sql">sql (1)</a></li>
                                <li><a href="https://huhao.me/tag/mysql%ef%bc%8cliunx" title="Mysql，liunx Tag" class="mysql%ef%bc%8cliunx">Mysql，liunx (1)</a></li>
                                <li><a href="https://huhao.me/tag/css%ef%bc%8ccss3" title="CSS，CSS3 Tag" class="css%ef%bc%8ccss3">CSS，CSS3 (1)</a></li><li><a href="https://huhao.me/tag/css" title="CSS Tag" class="css">CSS (1)</a></li><li><a href="https://huhao.me/tag/jquery" title="jQuery Tag" class="jquery">jQuery (1)</a></li><li><a href="https://huhao.me/tag/javascript" title="javascript Tag" class="javascript">javascript (1)</a></li><li><a href="https://huhao.me/tag/js" title="js Tag" class="js">js (1)</a></li></ul>						</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="widget linkbox">
                        <h4 class="title">友情链接</h4>
                        <div class="box friend-links clearfix">
                            <li><a href="https://www.bootcss.com/" target="_blank">bootcss</a></li>
                            <li><a href="http://cn.vuejs.org/">Vue.js</a></li>
                        </div>
                    </div>
                </div>
                <style>
                    #github i{font-size:20px;}
                </style>
                <div class="col-md-2">
                    <div class="widget contactbox">
                        <h4 class="title">联系我们</h4>
                        <div class="contact-us clearfix">
                            <li><a href="tencent://message/?uin=792566882&amp;Site=xiewuyang.com&amp;Meu=yes">
                                <i class="fa fa-qq"></i>792566882</a></li>
                            <li><a target="_blank"  href="http://weibo.com/5327512233"><i class="fa fa-weibo"></i>谢五羊</a></li>
                            <li>
                                <a href="https://wpa.qq.com/msgrd?v=3&amp;uin=459674905&amp;site=qq&amp;menu=yes" title="杭州高端WEB后端前端群"><i class="fa fa-users"></i>462987416</a>
                            </li>
                            <li id="github">
                                <a target="_blank" href="https://github.com/Xwuyang/"><i class="fa fa-github"></i>五羊</a>
                            </li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="copyright">
                    <span>Copyright © <a href="https://huhao.me">web技术笔记</a>&nbsp;&nbsp;2014-2017</span>
                    <span>鄂ICP备15002169号</span>
                    <!-- <span class="hidden-xs">Theme by <a href="http://www.loobo.me">主题笔记</a> & <a href="http://vinceok.com">醉清风博客</a></span> -->
                    <span class="hidden-xs">加载用时：</span><span>0.525s</span>
                    <a href="tencent://message/?uin=459674905&amp;Site=huhao.me&amp;Meu=yes" class="kefu pull-right hidden-xs"><i class="fa fa-qq"></i>在线联系我</a>
                </div>
            </div>
        </div>
    </div>
</footer>
<div class="icon-search">
    <i class="icon iconfont icon-sousuo"></i>
</div>
<div class="menu mobile-menuicon">
    <i class="icon iconfont icon-caidan"></i>
</div>
<a class="to-top" style="cursor: pointer;display: none;">
    <span class="topicon"><i class="icon iconfont icon-top"></i></span>
    <span class="toptext">Top</span>
</a>
<div class="menubox">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <ul id="menu-menu-1" class="icon-list">
                    {volist name="type" id="vo"}
                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-39"><a href="{:url('index',array('id'=>$vo.id))}">{$vo.name}</a></li>
                    {/volist}
                </ul>			</div>
        </div>
    </div>
    <a href="javascript:;" class="menu-close">×</a>
</div>
<script type="text/javascript" src="__PUBLIC__/index/js/jquery-1.11.3.js" ></script>
<script type="text/javascript" src="__PUBLIC__/index/js/jquery.toTop.js"></script>
<script src="__PUBLIC__/index/js/main.js"></script> <!-- Resource jQuery -->
<script src="__PUBLIC__/index/js/index.js"></script>
<script>
    $('.to-top').toTop();
    $(".icon-search").click(function () {
        $('.search-form').css('top', '50%');
        $('.search-form').css('marginTop', '-80px');
        $('.search-form').css('opacity', '1');
    });
    $(".search-close").click(function () {
        $('.search-form').css('top', '0');
        $('.search-form').css('opacity', '0');
    });
    $(".mobile-menuicon").click(function () {
        if(isShow()){
            $(".menubox").removeClass('mactive');
        }else{
            $(".menubox").addClass('mactive');
        }
    });
    function isShow() {
        return $(".menubox").hasClass('mactive');
    }
    $(".menu-close").click(function () {
        $(".menubox").removeClass('mactive');
    });
</script>
</body>
</html>